<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
<!-- 	<body background="../img/1.jpg"> -->
	<body>
		<form action="index.html" method="GET"> 
		用户：
		<input type="text" name="firstname">
		<br />
		密码：
		<input name="password" type="password"><br/>
		
		I have a bike:
		<input type="checkbox" name="vehicle" value="Bike" checked="checked" />
		<br />
		I have a car: 
		<input type="checkbox" name="vehicle" value="Car" />
		<br />
		I have an airplane: 
		<input type="checkbox" name="vehicle" value="Airplane" />
		<br /><br />
		
		<input type="submit" value="提交"/>
		</form><br/><br/>
		
		<form>
		我喜欢自行车：
		<input type="checkbox" name="Bike">
		<br />
		我喜欢汽车：
		<input type="checkbox" name="Car">
		</form><br/><br/>
		
		<form action="index.html" method="GET">
		男性：
		<input type="radio" checked="checked" name="Sex" value="male" />
		<br />
		女性：
		<input type="radio" name="Sex" value="female" />
		<br /><br />
		
		<input type="submit" value="提交"/>
		</form><br/><br/>
		
		<form>
			<select name="cars">
			<option value="volvo">Volvo</option>
			<option value="saab">Saab</option>
			<option value="fiat" selected="selected">Fiat</option>
			<option value="audi">Audi</option>
			</select>
		</form><br/><br/>
		
		<textarea>文本域</textarea><br><br>
		
		<input type="button" value="Hello world!"><br><br>
		
		<!-- 在数据周围绘制一个带标题的框 -->
		<form>
		  <fieldset>
		    <legend>健康信息</legend>
		    身高：<input type="text" />
		    体重：<input type="text" />
		  </fieldset>
		</form><br><br>
		
		<form action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain">
		
		<h3>这个表单会把电子邮件发送到 W3School。</h3>
		姓名：<br />
		<input type="text" name="name" placeholder="yourname" size="20">
		<br />
		电邮：<br />
		<input type="text" name="mail" placeholder="yourmail" size="20">
		<br />
		内容：<br />
		<input type="text" name="comment" placeholder="yourcomment" size="40">
		<br /><br />
		<input type="submit" value="发送">
		<input type="reset" value="重置">
		
		</form><br/><br/>
		
		<p>
		一幅图像：
		<img src="../img/1.jpg" width="128" height="128" />
		</p>
		
		<p>
		一幅动画图像：
		<img src="../img/3.gif" width="50" height="50" />
		</p>
		
		<p>
		来自 W3School.com.cn 的图像：
		<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" />
		</p>
		
		
		<h2>未设置对齐方式的图像：</h2>
		
		<p>图像 <img src ="../img/3.gif"> 在文本中</p>
		
		<h2>已设置对齐方式的图像：</h2>
		
		<p>图像 <img src="../img/3.gif" align="bottom"> 在文本中</p>
		
		<p>图像 <img src ="../img/3.gif" align="middle"> 在文本中</p>
		
		<p>图像 <img src ="../img/3.gif" align="top"> 在文本中</p>
		
		<p>请注意，bottom 对齐方式是默认的对齐方式。</p>
		
		<p>
		<img src ="../img/3.gif" align ="left"> 
		带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
		</p>
		
		<p>
		<img src ="../img/3.gif" align ="right"> 
		带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。
		</p><br><br>
		
		
		
	</body>
</html>